/**
 * 📝 Notes for Contributors:
 * 
 * - When creating an interactive component, we recommend consuming the
 * component hook created.
 * 
 * For example, if you wanted to build an accordion component,
 * you'll first create a `useAccordion` hook and then create an `Accordion` component
 * 
 * - Ensure this component is properly themable by following [this guide](https://chakra-ui.com/docs/theming/component-style)
 * 
 * - Ensure the component is composable and can adapt to multiple use-cases
 * 
 * @see Guide https://chakra-ui.com/guides/component-guide
 * @see Theming https://chakra-ui.com/docs/theming/component-style
 */

import * as React from "react"
import { HTMLChakraProps } from "@teste-ui/system"

export interface {{capitalize componentName}}Props extends HTMLChakraProps<"div"> {
}

export function {{capitalize componentName}}(props: {{capitalize componentName}}Props) {
  return <div/>;
}